<!--
 * @Author: [you name]
 * @Date: 2021-10-29 17:29:49
 * @LastEditors: [you name]
 * @LastEditTime: 2021-11-24 10:23:49
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \aaa\src\views\Commodity\WarehouseManage.vue
-->
<template>
  <div class="demo">
    <div class="bbb">
      <TextOverflow3 content="城的守军红色代表v能简单博士斐迪南波士顿v你岁的法国报的弄到手是打发打发" :lineNum="2"></TextOverflow3>
    </div>
    <div class="ccc">
      <TextOverflow3 content="长的撒旦牛逼VS弄的是个女老师的女吧v的生命v的吧" :visibleArrow="false" effect="light" placement="bottom"></TextOverflow3>
    </div>
  </div>
</template>

<script lang="ts">
import {defineComponent} from 'vue'
import TextOverflow3 from '@/components/TextOverflow3.vue'
export default defineComponent({
  components: {TextOverflow3},
  setup(){
    return {}
  } 
})
</script>

<style lang="scss" scoped>
.demo {
  width: 100%;
  height: 100px;
  display: flex;
  flex-wrap: nowrap;
  .bbb {
    width: 60%;
    color: #fff;
    background-color: rgb(78, 78, 78);
  }
  .ccc {
    width: 40%;
    background-color: #fff;
  }
}
</style>